<div class="tooltips-box">
    <span tabIndex="one" data-placement="top" title="简介" data-container="body" data-toggle="popover"
        data-content="我是第一个提示框的简介；我是第一个提示框的简介；我是第一个提示框的简介；我是第一个提示框的简介；">
        第一个-top
    </span>
    <span tabIndex="two" data-placement="right" title="简介" data-container="body" data-toggle="popover"
        data-content="我是第二个提示框的简介；我是第二个提示框的简介；我是第二个提示框的简介；">
        第二个-right
    </span>
    <span tabIndex="three" data-placement="bottom" title="简介" data-container="body" data-toggle="popover"
        data-content="我是第三个提示框的简介；我是第三个提示框的简介；我是第三个提示框的简介；">
        第三个-bottom
    </span>
    <span tabIndex="four" data-placement="left" title="简介" data-container="body" data-toggle="popover"
        data-content="我是第四个提示框的简介；我是第四个提示框的简介；我是第四个提示框的简介；">
        第四个-left
    </span>
</div>